<script type="text/javascript" charset="utf-8">

		var department_id;
		var opersgroup_id;
		var opersgroupproject_id;
		$(function(){
			
			department_id = $('#department_id').combobox({
				url:'/operationpost/departmentinfo',
				valueField:'id',
				textField:'department_name',
				editable:false,
				panelHeight:'150',
				required:true,
				value:'{{=department_id}}',
				onSelect:function(record){
					//刷新数据，重新读取省份下的城市，并清空当前输入的值
					opersgroupproject_id.combobox('clear');
					opersgroup_id.combobox({
						url:'/operationpost/opersgroupinfo?id='+record.id,
						valueField:'id',
						textField:'opersgroup_name',
						editable:false,
						panelHeight:'150',
						required:true,
						onSelect:function(opersgroup_record){
							opersgroupproject_id.combobox('clear');
							opersgroupproject_id.combobox({
								url:'/operationpost/opersgroupprojectinfo?id='+opersgroup_record.id,
								valueField:'id',
								textField:'ogproject_name',
								editable:false,
								panelHeight:'150',
								required:true,
							}).combobox('clear');	
						}
					}).combobox('clear');	
					
				}
			})
			
			opersgroupproject_id = $('#opersgroupproject_id').combobox({
				url:'/operationpost/opersgroupprojectinfo?id={{=opersgroup_id}}',
				valueField:'id',
				textField:'ogproject_name',
				editable:false,
				required:true,
				value:'{{=opersgroupproject_id}}',
			});
			opersgroup_id = $('#opersgroup_id').combobox({
				url:'/operationpost/opersgroupinfo?id={{=department_id}}',
				valueField:'id',
				textField:'opersgroup_name',
				editable:false,
				required:true,
				value:'{{=opersgroup_id}}',
			});
		});

</script>

<div style="padding: 5px;">
	<form method="post">
    <input type="hidden" name="id" />
		<table class="tableForm">
            <tr>
                <th style="width:80px;">部门运营项目</th>
                <td>
					<input style="line-height:26px;border:1px solid #ccc;width:130px" class="easyui-combobox" 
                        name="department_id" id="department_id" />                    
                    <input style="line-height:26px;border:1px solid #ccc;width:120px" class="easyui-combobox" 
                        name="opersgroup_id" id="opersgroup_id" />
                    <input style="line-height:26px;border:1px solid #ccc;width:120px" class="easyui-combobox" 
                        name="opersgroupproject_id" id="opersgroupproject_id" />
                </td>
            </tr>
			<tr>
				<th style="width:80px;">应用主题</th>
				<td><input class="easyui-validatebox" data-options="required:true,validType:'length[1,50]'" name="applicationtype_name" style="width:200px">
				</td>
			</tr>
            <tr>
				<th style="width: 80px;">部署环境要求</th>
                <td colspan="3"><textarea name="applicationtype_dep_env" style="height: 50px;width: 97%;"></textarea>
				</td>
			</tr> 
            <tr>
				<th style="width: 80px;">备注</th>
                <td colspan="3"><textarea name="comment" style="height: 50px;width: 97%;"></textarea>
				</td>
			</tr> 
		</table>
	</form>
</div>